import React, { FC } from "react";
import styles from "./css/device_access.module.scss";
interface IPorps {
  imgUrl: string;
  color: string;
  keys: string;
  value: number;
}
const DeviceAccessCard: FC<IPorps> = (props: IPorps) => {
  const { imgUrl, color, keys, value } = props;
  return (
    <div className={styles.container}>
      <div className={styles.left}>
        <img src={imgUrl} alt="" />
      </div>
      <div className={styles.right}>
        <div style={{ color }}>{value}</div>
        <div>{keys}</div>
      </div>
    </div>
  );
};

export default DeviceAccessCard;
